.layout-header{
  background: #fff;
  color: #fff;
  padding: 20px;
  position: relative;
}
.layout-header h2,
.layout-header h1{
  font-size: 20px;
  max-width: 1000px;
  margin:auto;
  color:#353535;
}

.layout-header p{
  margin-top: 20px;
  max-width: 1000px;
  margin:auto;
  color:#999;
}

.layout-content{
  max-width: 1000px;
  margin:auto;
}
.layout-content>li:first-child{
  margin-top: 0;
}
.layout-content>li{
  margin-top: -1px;
  letter-spacing: -4px;
  border:#f1f1f1 solid 1px;
}
.layout-content>li:hover{
  transition: all .2s ease-in-out;
  box-shadow: 0 0 16px 0 rgba(53,53,53,.2);
  position: relative;
  z-index: 3;
}

.mod-box{
  display: block;
  text-align: left;
  background: #fff;
  text-decoration: none;
  color: #353535;
  padding: 10px 20px;
  font-size: 0;
}
.mod-box .time{
  color: #959595;
  font-size: 12px;
}
.mod-box .tag{
  color: #959595;
  margin-right: 20px;
  font-size: 12px;
  min-width: 1.8rem;
  display: inline-block;
}
.mod-box h3{
  font-size: 16px;
  margin-bottom: 11px;
}
.mod-box:hover h3{
  color:#316ccb;
}
.mod-box .left,
.mod-box .right{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
.mod-box .right{
  padding-left: 20px;
  width: calc(100% - 70px);
}
.mod-box .left img{
  width: 50px;
  height: 50px;
  object-fit: cover;
}
